<template>
    <h1>我是 APP 组件</h1>

    <!--
        兄弟级通信

            一般需要使用 状态管理 工具 完成
                最常用的方案 (vuex/pinia)

        在 vue2 的时候, 还有一个通信方案, 叫做 eventBus, 也能用来实现 兄弟级通信
        但是 在 vue3 的时候, vue 官方将这个方案 删除了
    -->
    <child1 />
    <child2 />
</template>

<script>
import child1 from "./components/child1.vue";
import child2 from "./components/child2.vue";
export default {
    data() {
        return {
            msg: "在 data 中的普通字符串",
        };
    },
    methods: {
        setMsg(newMsg) {
            this.msg2 = newMsg;
        },
    },
    components: {
        child1,
        child2,
    },
};
</script>

<style></style>
